<header class="clearfix">
    <a href="#/" data-toggle-min-nav
                 class="toggle-min"
                 ><i class="fa fa-bars"></i></a>
    <div class="logo">
        <a href="#/">
            <span>{{main.brand}}</span>
        </a>
    </div>
    <div class="menu-button" toggle-off-canvas>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </div>
    <div class="top-nav">
        <input type="hidden" id="userRoleName" value="${data.zone}">
        <ul class="nav-right pull-right list-unstyled" data-ng-controller="header">
            #if($data.test.equals($data.zone))
            <li class="dropdown text-normal nav-profile" style="margin-top: 2%;">
                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                    <span class="hidden-xs">
                        <span data-i18n="区域"></span><label>:</label><span>${data.zoneName}</span>
                    </span>
                </a>
                <ul class="dropdown-menu with-arrow pull-right">
                    #foreach($zone in $data.zoneData)
                    <li>
                        <a data-ng-click="userSetZone(${zone.id})">
                        <span data-i18n="${zone.name}"></span></a>
                    </li>
                    #end
                </ul>
            </li>
            #end
            <li class="dropdown text-normal nav-profile">
                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
                    <img src="resources/images/g1.jpg" alt="" class="img-circle img30_30">
                    <span class="hidden-xs">
                        <span id="headerUserName" data-i18n="${data.userName}"></span>
                    </span>
                </a>
                <ul class="dropdown-menu with-arrow pull-right">
                    <li><a data-ng-click="openUpdatePwdDialog()">
                        <i class="fa fa-user"></i><span data-i18n="修改密码"></span></a>
                    </li>
                    <!--<li>-->
                        <!--<a href="#/pages/lock-screen">-->
                        <!--<i class="fa fa-lock"></i><span data-i18n="全屏"></span></a>-->
                    <!--</li>-->
                    <li>
                        <a href="javascript:;" data-ng-click="loginOut()">
                        <i class="fa fa-sign-out"></i><span data-i18n="退出"></span>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</header>
